<template>
  <div>
      <div :style="bgImg" class="img">
<!--    头部-->
    <Header/>
<!--    主体-->
    <div style="display: flex">
<!--      侧边栏-->
      <Aside/>
<!--      内容-->
      <router-view style="flex:1"/>
      </div>
    </div>
  </div>

</template>

<style>

</style>
<script>
  import Header from "./components/Header";
  import Aside from "./components/Aside";
  export default {
      name: "Layout",
      components: {Aside, Header},
      data: function () {
          return {
              bgImg: {
                  backgroundImage: "url(" + require("./assets/beijing3.jpg") + ")",
                  backgroundRepeat: "no-repeat",
                  backgroundSize: '100% 100%',
                  height: '100%',
                  width: '100%',
              },
          }
      }
  }

</script>
<style>
    /*body::-webkit-scrollbar {display: none;}*/
    .img{
        position: fixed
    }
    /*::-webkit-scrollbar{display:none;}*/
</style>